<template>
  <view class="circle">
    <circle-item :itemData="item" v-for="item in circleList" :key="item.id"/>
  </view>
</template>

<script>
import CircleItem from './components/circleItem.vue'
import {queryCircleList} from "@/api"
export default {
  name:"Circle",
  data () {
    return {
      circleList:[]
    }
  },

  components: {CircleItem},

  async mounted(){
    let result = await queryCircleList()
    this.circleList = result.data
  }
}

</script>

<style scoped lang='scss'>
.circle{

}
</style>